<style>
    *{
        font-size: 16px;
    }
    #couponDiv{
        width: 98%;
        padding: 0;
        margin: 0;
    }

    #couponDiv .line_conpon{
        margin: 5px 8px;
    }
    li{
        padding: 0;
        margin: 5px 0;
        height: 80px;
        background-color: #ffffff;
    }
</style>

<div id="couponDiv">
    <div>
        <div style="width: 98%;margin: 5px auto;text-align: left">我的优惠券</div>
    </div>
    <div class="line_conpon">
        <ul>
            <li data-ng-repeat="coupon in coupons">
                <div style="float: left;background-color: #EA4B4E;color: #ffffff;width: 30%;height: 100%;">
                    <div style="height: 50%;font-size: 25px;padding: 5px 10px;">￥{{coupon.price}}</div>
                    <div onclick="window.location.href = '/#/index'" data-ng-if="coupon.status==0" style="height: 50%">去使用</div>
                    <div data-ng-if="coupon.status==1" style="height: 50%">已使用</div>
                </div>
                <div style="float: left">
                    <div style="color:#EA4B4E;font-size: 16px;margin: auto">{{coupon.name}}</div>
                    <div>有效期至: {{coupon.end_time}}</div>
                </div>
            </li>
        </ul>
    </div>
</div>
<table id="BottomMenu">
    <tbody>
    <tr>
        <td id="home" class="active">
            <a href="#index">
                <span class="icon">
                    <img src="imgs/home.active.png" width="20" height="20">
                </span>
                <span class="title">预约</span>
            </a>
        </td>

        <td id="myorder" class="">
            <a href="#/user/order">
                <span class="icon">
                    <img src="imgs/myorder.png" width="20" height="20">
                </span>
                <span class="title">订单</span>
            </a>
        </td>

        <td id="people" class="">
            <a href="#/user/home">
                <span class="icon">
                    <img src="imgs/people.png" width="20" height="20">
                </span>
                <span class="title">个人</span>
            </a>
        </td>
    </tr>
    </tbody>
</table>